﻿@model IEnumerable<CapaEntidades.entMarca>
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link href="../Estilos/style.css" rel="stylesheet" type="text/css" />
    <link href="../../Script/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="../../Script/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="../../Script/jquery-ui.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#dialog").dialog({
                autoOpen: false,
                show: {
                    effect: "blind",
                    duration: 100
                },
                hide: {
                    effect: "explode",
                    duration: 100
                },
                resizable: false,
                height: 160,
                modal: true
            });
            $("#Login").click(function () {
                $("#dialog").dialog("open");
            });
        });
    </script>
</head>
<body>
    <div id="dialog" title="Login">
        <form method="post" action="../Inicio/VerificarAcceso">
            <table>
                <tr>
                    <td>Usuario</td>
                    <td><input type="text" name="txtusuario" value="" /></td>
                </tr>
                <tr>
                    <td>Password</td>
                    <td><input type="text" name="txtPassword" value="" /></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="submit" name="btnIngresar" value="Ingresar" />
                    </td>
                </tr>
            </table>
        </form>
    </div>

    <div id="header"></div>
    <div id="wrapper">
        <div id="menu">
            <ul>
                <li><a href="#">Inicio</a></li>
                <li><a href="#" id="Login">Login</a></li>
                <li><a href="#">Fotos</a></li>
                <li><a href="#">Conocenos</a></li>
                <li><a href="#">Contacto</a></li>
            </ul>
        </div>
        <div id="search">
            <input type="text" id="search-text" />
            <input type="submit" id="search-submit" />
        </div>
    </div>
    <div id="page">
        <div id="sidebar">
            <ul>
                @foreach (var x in Model) { 
                    <li>@Html.ActionLink(x.Descripcion, "ListaProductos", new {marca =x.idMarca}, new {target="contenedor"})</li>
                }
            </ul>
        </div>
        <div id="content">
            <iframe id="contenedor" width="100%" height="700px">
                @RenderBody()
            </iframe>
        </div>
        <div style="clear: both"></div>
    </div>
    <div id="footer-menu">
        <ul>
            <li><a href="#">Inicio</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Fotos</a></li>
            <li><a href="#">Conocenos</a></li>
            <li><a href="#">Contacto</a></li>
        </ul>        
    </div>
    <div id="footer"></div>
</body>
</html>
